<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no" lang="no" dir="ltr">
<head>
<head>
    <meta charset="utf-8" />
    <meta name="description" content="Compare service prices" />
    <meta name="author" content="Oslo Startup Event 2012" />
    <!--meta http-equiv="X-UA-Compatible" content="IE=edge" /-->

    <link rel="stylesheet" href="css/aristo/jquery-ui.css" type="text/css" />
    <!--link rel="stylesheet" href="css/ui-lightness/jquery-ui.css" type="text/css" /-->
    <link rel="stylesheet" href="css/common.css" type="text/css" />

    <script src="js/jquery.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/common.js"></script>
	 <script>
    $(function() {
        $( "#accordion" ).accordion({
            collapsible: true
        });
    });
    </script>

    <title>Besparelse.no</title>
</head>
</head>
<body>
	<section id="section-container">
		<section id="section-head">
			<a href="index.html"><img src="images/logo.png" alt="Besparelse.no"/></a>			
		</section>
		
		<div id="header-button">
			<form id="keep-me-updated">
				<input type="submit" value="Hold meg oppdatert" width="200px" height="50px" />
			</form>
		</div>
						
		<section id="offers">
			<article id="my-offers">
				<table border="0" cellspacing="0" width="100%" style="background-color: #F0EDED; font-size: 1em;">
					<tr>
						<th colspan="3" style="border-right:1px solid; width: 400px;">F&oslash;r</th>
						<th colspan="4">Etter</th>
					</tr>
					<tr>
						<td style="width:35px; border-top:1px solid;"></td>
						<td style="width: 300px; margin-left: 10px; border-top:1px solid;">Utgiftstype</td>
						<td class="entry-column-value-right" style="border-right:1px solid; border-top:1px solid; text-align: center;">&Aring;rlig kostnad</td>
						<td class="entry-column-value-right" style="border-top:1px solid;">&Aring;rlig kostnad</td>
						<td class="entry-column-value-right" style="border-top:1px solid;">Besparelse</td>
						<td style="width:30px; border-top:1px solid;"></td>
						<td style="text-align: left; border-top:1px solid;">Tilbyder</td>						
					</tr>
				</table>					
				<div id="accordion">
					<table class="offer-entry">
						<tr>
							<td style="width: 300px; margin-left: 10px;">Mobil</td>
							<td class="entry-column-value-right">6,000</td>
							<td class="entry-column-value-right">5,000</td>
							<td class="entry-column-value-right">-1,000</td>
							<td style="width:30px;"></td>
							<td style="text-align: left;">NetCom</td>
							<td style="float: right"><input type="submit" value="Kj&oslash;p" /></td>
						</tr>
					</table>					
					<div>
						<p>Mobile calculator</p>
					</div>
					<table class="offer-entry">
						<tr>
							<td style="width: 300px; margin-left: 10px;">Bredb&aring;nd</td>
							<td class="entry-column-value-right">8,000</td>
							<td class="entry-column-value-right">6,500</td>
							<td class="entry-column-value-right">-1,500</td>
							<td style="width:30px;"></td>
							<td style="text-align: left;">Altibox</td>
							<td style="float: right"><input type="submit" value="Kj&oslash;p" /></td>
						</tr>
					</table>					
					<div>
						<p>Broadband calculator</p>
					</div>
					<table class="offer-entry">
						<tr>
							<td style="width: 300px; margin-left: 10px;">Bolig</td>
							<td class="entry-column-value-right">275,000</td>
							<td class="entry-column-value-right">250,000</td>
							<td class="entry-column-value-right">-25,000</td>
							<td style="width:30px;"></td>
							<td style="text-align: left;">DNB</td>
							<td style="float: right"><input type="submit" value="Kj&oslash;p" /></td>
						</tr>
					</table>					
					<div>
						<p>Housing calculator</p>
					</div>					
				</div>
				<table border="0" cellspacing="0" width="100%" style="background-color: #F0EDED; font-size: 1.2em; text-align: left;">
					<tr>
						<th style="width: 35px;"></th>						
						<th style="width: 300px; margin-left: 10px;">Total</th>
						<th class="entry-column-value-right">289,000</th>
						<th class="entry-column-value-right">261,500</th>
						<th class="entry-column-value-right">-27,500</th>						
						<th style="width: 150px;"></th>						
						<th></th>
					</tr>
				</table>					
			</article>						
		</section>
		
		<div style="clear: both; height: 30px; background-color: #F0EDED;"></div>
		
		<section id="found-offers">
			<table id="products" width="100%">
				<thead>
					<tr>
						<th style="text-align: left; width: 100px;" class="header">														
						</th>
						<th style="text-align: left; width: 300px;" class="header">
							<img src="images/oversikt_graph.png" style="vertical-align: middle;" alt="Sorter">
							<span>Produktnavn</span>
						</th>
						<th style="text-align: center;" class="header">
							<img src="images/oversikt_graph.png" style="vertical-align: middle;" alt="Sorter">
							<span>Hastighet</span>
						</th>
						<th class="header">
							<img src="images/oversikt_graph.png" style="vertical-align: middle;" alt="Sorter">
							<span>Pris per mnd</span>
						</th>
						<th style="text-align: left; width: 120px;" class="header">														
						</th>
					</tr>
					<tr></tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>
					<tr>
						<td>
							<input type="radio" value="" name="products" />
						</td>
						<td class="prod">
							<img src="http://www.bredbandsguiden.no/images/levlogo/ngt.png" alt="NextGenTel">
							<a href="#">Langdistanse</a>
						</td>
						<td><span>1800</span> / 400</td>
						<td style="text-align: center;">299,-</td>
						<td>							
						</td>						
					</tr>					
				</tbody>
			</table>
		</section>
		
		<section id="section-bottom">    
		</section>        
	</section>
</body>
</html>